<template>
<section id="plan">
  <!--banner-->
  <div class="plan_banner"
       v-for="(item, index) in bannerData"
       v-if="index === 0"
       :style="{background: 'url('+item.bannerImg+') right no-repeat',backgroundSize: 'cover'}">
    <div class="main-width">
      <div class="plan_text slideInUp animated">
        <h3 >解决方案</h3>
        <p >对各行业业务特性，打造个性化行业解决方案，为用户提供一站式的产品与服务。</p>
        <p >包括新零售、新金融、新能源、新技术、大健康、大制造、大传媒等行业领域。</p>
      </div>
    </div>
  </div>
  <!--解决方案列表-->
  <div class="plan_list">
    <div class="main-width">
      <ul class="cl" v-loading="solutionLoad">
        <li v-for="detail in solutionData">
          <router-link
            class="solution_a"
            target="_blank"
            :to="'solution-detail?id=' + detail.solutionId +
            '&solutionName=' + detail.solutionName +
            '&solutionFrameTitle=' + detail.solutionFrameTitle +
            '&solutionSceneTitle=' + detail.solutionSceneTitle +
            '&solutionSlogan=' + detail.solutionSlogan +
            '&solutionImg=' + detail.solutionImg">
            <div class="cl">
              <div class="pic pic1">
                <img v-lazy="baseURL + detail.solutionMinSilhouetteImg[0]" :key="detail.solutionMinSilhouetteImg[0]" alt=""/>
              </div>
              <div class="pic pic2">
                <img v-lazy="baseURL + detail.solutionMinSilhouetteImg[1]" :key="detail.solutionMinSilhouetteImg[1]" alt=""/>
              </div>
              <div class="right">
                <p class="name">{{detail.solutionName}}</p>
                <p class="info">{{detail.solutionIntroduce}}</p>
              </div>
            </div>
            <div class="pannel">
              <img v-lazy=" baseURL + detail.solutionImg" :key="detail.solutionImg"/>
            </div>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
  <Footer/>
</section>
</template>

<script>
import indexJs from "./indexJs";
export default indexJs
</script>

<style scoped>

</style>
